<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello world!</title>
<link rel="stylesheet" href="${resRoot}/layui/css/layui.css" media="all"/>
<link rel="stylesheet" href="${resRoot}/layui/admin/admin.css" media="all" />
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>权益保障统计分析</title>
    <link href="${resRoot}/layui/css/css/daping/bootstrap(1).css" rel="stylesheet">
    <link rel="stylesheet" href="${resRoot}/layui/css/daping/base.css">
    <link rel="stylesheet" href="${resRoot}/layui/css/daping/index.css">

    <style>
        .t_title{
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 2.5em;
            line-height: 80px;
            color: #333;
        }
        #chart_map{
            cursor: pointer;
        }
        .t_show{
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 2px;
            background: #2C58A6;
            padding: 2px 5px;
            color: #fff;
            cursor: pointer;
        }
        .data_content .data_main .main_left {
			    width: 30%;
			}
        .data_content .data_main .main_right {
		    width: 30%;
		}
		.data_content .data_main .main_center {
		    width: 40%;
		    height: 570px;
		}
    </style>
</head>
<body>
<div class="layui-fluid">   
           <div class="layui-card">
	<!-- <div class="layui-form layui-card-header layuiadmin-card-header-auto">
您好！${user.loginName}

</div> -->
<div class="header">
    <div class="bg_header">
        <div class="header_nav fl t_title">
           权益保障统计分析
        </div> 
    </div>
</div>

<!--main-->
<div class="data_content">
    <!-- <div class="data_time">
        温馨提示: 点击模块后跳转至详情页面。        
    </div> -->

    <div class="data_main">
        <div class="main_left fl">
            <div class="left_1 t_btn6" style="cursor: pointer;">
          
                <div class="main_title">
                 低保残疾人总数
                </div>
                <div id="chart_1" class="chart" style="width:100%;height: 240px;"></div>
            </div>
            <div class="left_2" style="cursor: pointer;height: 260px">
             
                <div class="main_title" style="  width: 287px;left: 37%;">
                   低保残疾人按年龄统计
                </div>
                <div id="chart_2" class="chart t_btn9" style="width:100%;height: 240px;top:19px"></div>
            </div>
        </div>
       <div class="main_center fl">
            <div class="center_text" style="position: relative;height: 240px">
    
                <div class="main_title" style=" width: 250px;left: 44%;">
 各年度残疾人康复总数
                </div>
                <div id="chart_10" style="width:100%;height:235px;">
                </div>
             
            </div>
               <div class="center_text" style="position: relative;height: 260px;   top: 50px;">
    
                <div class="main_title" style="width: 344px;    left: 36%;">
               残疾人一次性临时补助
                </div>
                <div id="chart_11" style="width:100%;height:235px;">
                </div>
             
            </div>
        </div> 
<style type="text/css">
.linshi_zdy{
    position: absolute;
    right: 0px;
    top: 415px;
}
.linshi_zdy li{
    width: 150px;
    font-size: 16px;
    padding: 3px 8px;
    cursor: pointer;
}
.linshi_zdy span{
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    border-radius: 50%;
    margin-top: 3px;
    margin-right: 5px;
}
.linshi_zdy li:first-child{
    color: #ff0000;
}
.linshi_zdy li:first-child span{
    background: #ff0000;
}
.linshi_zdy li:nth-child(2){
    color: #9cff00;
}
.linshi_zdy li:nth-child(2) span{
    background: #9cff00;
}
.linshi_zdy li:nth-child(3){
    color: #fff;
}
.linshi_zdy li:nth-child(3) span{
    background: #fff;
}
.linshi_zdy li:nth-child(4){
    color: #f4a100;
}
.linshi_zdy li:nth-child(4) span{
    background: #f4a100;
}
</style>
        <div class="main_right fr">
            <div class="right_1">
              
                <div class="main_title" style="width: 306px; left: 37%;">
                考取国家劳动职业技能证书奖励
                </div>
                <div id="chart_3" class="echart t_btn7" style="width:100%;height: 240px;"></div>
            </div>
            <div class="right_2" style="height: 260px">
             
                <div class="main_title" style="width:200px;">
                 残疾人住房补贴统计
                </div>
                <div id="chart_4" class="echart fl t_btn4" style="width:100%;height: 240px;cursor: pointer;"></div>
            </div>
        </div>
    </div>
    <div class="data_bottom">
        <div class="bottom_1 fl t_btn5" style="cursor: pointer;">
           
            <div class="main_title" style="width:330px;left:34%">
                学习驾驶汽车补助统计	
            </div>
			<div id="chart_6" class="echart fl t_btn4" style="width:100%;height: 275px;cursor: pointer;"></div>

        </div>
        <div class="bottom_center fl">
            <div class="bottom_2 fl">
              
                <div class="main_title" style="width:300px;left:40%;">
                精神残疾人服药申请统计
                </div>
				<div id="chart_7" class="echart fl t_btn4" style="width:100%;height: 275px;cursor: pointer;"></div>
             
            </div>
            <div class="bottom_3 fl">
               
                <div class="main_title" style="width:260px;left:45%;">
               精神康复者宿舍服务
                </div>
				<div id="chart_8" class="echart fl t_btn4" style="width:100%;height: 275px;cursor: pointer;"></div>
              
            </div>
        </div>
        <div class="bottom_4 fr">
           
            <div class="main_title">
                燃油补贴年度查询
            </div>
			<div id="chart_9" class="echart fl t_btn4" style="width:100%;height: 275px;cursor: pointer;"></div>
          
        </div>
    </div>
</div>
</div>
</div> 

</body>
<script src="${resRoot}/layui/scripts/jquery-2.2.1.min.js"></script>
<script src="${resRoot}/layui/scripts/bootstrap.min.js"></script>
<script src="${resRoot}/layui/scripts/common.js"></script>
<script src="${resRoot}/layui/scripts/echarts.min.js"></script>
<script src="${resRoot}/layui/scripts/datatool.js"></script>
<script src="${resRoot}/layui/scripts/qybzindex.js"></script>
<!-- <script src="scripts/china.js"></script> -->
<script src="${resRoot}/layui/scripts/guangxi.js"></script>
</html>